{% extends 'index.html' %}
{% load static %}

{% block mycss %}
    <link rel="stylesheet" type="text/css" href="{% static 'F-22战斗机_百度百科_files/wiki_tem_preview.css' %}">

{% endblock %}

{% block content %}
    <button type="button" class="my-btn" style="margin: 15px 25px;height: 38px" onclick="javascript:history.back(-1);">返回</button>

    <div class="main-box">

{#    标题、简介加卡片#}
        <div>
    {#            标题#}
            <div><h1 class="wiki-title">{{ template_name }}</h1></div>

    {#        简介#}
            <div>
                <div class="wiki-intro">{{ template_name }}模板简介</div>
{#                <div style="margin:10px;">{{ template_name }}知识卡片内容</div>#}
{#                <div style="margin:10px;">知识卡片示例 ↓</div>#}
    {#            卡片#}
                {% for sg_card in all_card_list %}
                    <div style="height: 250px;">
                        <div class="basic-info cmn-clearfix">
                            <dl class="basicInfo-block basicInfo-left">
                                {% for lsg in sg_card.left %}
                                    <dt class="basicInfo-item name">{{ lsg }}：</dt>
                                    <dd class="basicInfo-item value">
                                        xxxx
                                    </dd>
                                {% endfor %}
                            </dl>
                            <dl class="basicInfo-block basicInfo-right">
                                {% for rsg in sg_card.right %}
                                    <dt class="basicInfo-item name">{{ rsg }}：</dt>
                                    <dd class="basicInfo-item value">
                                        xxxx
                                    </dd>
                                {% endfor %}
                            </dl>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>

{#    模板内容---标题加内容#}
        {% for single_data in data_list %}
            <div>
                <div><h2 class="context-tite">{{ single_data }}</h2></div>
                <div>
                    <div class="context-text">{{ single_data }}</div>
                </div>
            </div>
        {% endfor %}

    </div>
{% endblock %}

{% block myjs %}
    <script>
        document.getElementById("jsxqzsbk").style.display = 'block';
        document.getElementById("bkmb").style.backgroundColor = 'rgba(30,21,21,0.44)';
    </script>
{% endblock %}